@charset "utf-8";
.header{
    width: 100%;
    height:90px;
}
/* 展示图 */
.show_img{
    width:100% ;
    height:400px ;
    background: url(../images/产品订购-展示图.jpg)no-repeat center;
}

/* 展示信息 */
.information{
    width:100% ;
    height:1291px ;
}

/* 展示信息-中心部分 */
.infor_con{
    width: 1200px;
    height: 1271px;
    padding-bottom:10px;
    margin: auto;
}
/* 展示信息-上部 */
.infor_con .infor_top{
    width:1200px ;
    height:605px ;
    
    margin-top:15px;
}

.infor_top_con{
    width: 1200px;
    height: 605px;
    position: relative;
    
}
/* 展示信息-上部-右侧 */
.infor_top_con .infor_top_right{
    width: 420px;
    height: 420px;
    position: absolute;
    top: 122px;
    left: 728px
    
}
.infor_top_right .infor_top_right_con{
    width: 420px;
    height: 420px;
    position: relative;
    overflow: hidden;
}
/* 展示信息-上部-右侧-图片 */
.infor_top_right_con .infor_top_right_img{
    width: 420px;
    height: 420px;
    position: absolute;
    /* left: 0; */
    top: 0;
    transition: all 0.3s; 
    left: 420px;
   
}
/* 展示信息-上部-右侧-文本 */
.infor_top_right_con .infor_top_right_text{
    width: 165px;
    height: 59px;
}
/* 展示信息-上部-右侧-文本-01 */
.infor_top_right_text .infor_top_right_text_01{
    width: 165px;
    height: 59px;
    position: absolute;
    top: 50px;
    /* left: 20px; */
    transition: all 0.3s;
    left: 420px;
}
.infor_top_right_text_01 .top_right_text_01_1{
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: bold;
    font-family: "微软雅黑";
    text-align: left;
}
.infor_top_right_text .top_right_text_01_2{
    width:165px ;
    height:28px ;
    text-align: left;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    font-family: "微软雅黑";

}
/* 展示信息-上部-右侧-文本-02 */
.infor_top_right_text .infor_top_right_text_02{
    width: 165px;
    height: 59px;
    position: absolute;
    top: 50px;
    /* left: 240px; */
    transition: all 0.3s;
    left: 420px;
}
.infor_top_right_text_02 .top_right_text_02_1{
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: bold;
    font-family: "微软雅黑";
    text-align: right;
}
/* 展示信息-上部-右侧-文本-03 */
.infor_top_right_text .infor_top_right_text_03{
    width: 165px;
    height: 59px;
    position: absolute;
    top: 320px;
    /* left: 20px; */
    transition: all 0.3s;
    left: 420px;
}
.infor_top_right_text_03 .top_right_text_03_1{
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: bold;
    font-family: "微软雅黑";
    text-align: left;
}
/* 展示信息-上部-右侧-文本-04 */
.infor_top_right_text .infor_top_right_text_04{
    width: 165px;
    height: 59px;
    position: absolute;
    top: 320px;
    /* left: 240px; */
    transition: all 0.3s;
    left: 420px;
}
.infor_top_right_text_04 .top_right_text_04_1{
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: bold;
    font-family: "微软雅黑";
    text-align: right;
}
.infor_top_right_text .top_right_text_02_2{
    width:165px ;
    height:28px ;
    text-align: right;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    font-family: "微软雅黑";

}
/* 展示信息-上部-右侧-数字-01 */
.infor_top_right_name_01{
    color: rgb(137, 240, 242);
    font-size: 36px;
    font-weight: bold;
    font-family: "微软雅黑";
    text-align: center;
    width: 56px;
    height: 47px;
    line-height: 47px;
    position: absolute;
    /* left:140px ; */
    top:150px ;
    transition: all 0.3s;
    left: 420px;
}
/* 展示信息-上部-右侧-数字-02 */
.infor_top_right_name_02{
    color: rgb(194, 242, 137);
    font-size: 36px;
    font-weight: bold;
    font-family: "微软雅黑";
    text-align: center;
    width: 56px;
    height: 47px;
    line-height: 47px;
    position: absolute;
    /* left:222px ; */
    top:150px ;
    transition: all 0.3s;
    left: 420px;
}
/* 展示信息-上部-右侧-数字-03 */
.infor_top_right_name_03{
    color: rgb(151, 229, 255);
    font-size: 36px;
    font-weight: bold;
    font-family: "微软雅黑";
    text-align: center;
    width: 56px;
    height: 47px;
    line-height: 47px;
    position: absolute;
    /* left:140px ; */
    top:223px ;
    transition: all 0.3s;
    left: 420px;
}
/* 展示信息-上部-右侧-数字-04 */
.infor_top_right_name_04{
    color: rgb(146, 200, 254);
    font-size: 36px;
    font-weight: bold;
    font-family: "微软雅黑";
    text-align: center;
    width: 56px;
    height: 47px;
    line-height: 47px;
    position: absolute;
    /* left:222px ; */
    top:223px ;
    transition: all 0.3s;
    left: 420px;
}
/* 展示信息-上部-左侧  */
.infor_top_con .infor_top_left{
    position: absolute;
    top: 185px;
    left: 3px;
    width: 548px;
    height: 210px;
    /* transition: all 0.3s; */
    /* left: 420px; */
}
.infor_top_left .infor_top_left_01{
    width: 548px;
    height: 210px;
    position: relative;
    overflow: hidden;
}
.infor_top_left_01 .infor_top_left_001{
    width: 548px;
    height: 210px;
    position: absolute;
    /* left: 0; */
    top: 0;
    transition: all 0.3s;
    left: 548px;
}
.infor_top_left .infor_top_left_1{
    width: 540px;
    height: 40px;
    color: rgb(0, 137, 226);
    font-size: 30px;
    line-height:40px ;
    text-align: center;
    font-family: "微软雅黑";
    font-weight: bold;

}
/* 展示信息-上部-左侧-2 */
.infor_top_left .infor_top_left_2{
    width: 548px;
    height: 31px;
    margin-top: 27px;
}
.infor_top_left_2 .infor_top_left_2_1{
    width:44px ;
    height:4px ;
    background-color: rgb(0, 137, 226); 
}
/* 展示信息-上部-左侧-3 */
.infor_top_left .infor_top_left_3{
    width: 485px;
    height: 93px;
    font-family: "微软雅黑";
    color: rgb(102, 102, 102);
    font-size: 14px;
    text-align: left;
    line-height:30px ;
}
/* 展示信息-下部 */
.infor_con .infor_bottom{
    width: 1200px;
    height: 662px;
    position: relative;
}
/* 展示信息-下部-右侧部分 */
.infor_bottom .infor_bottom_right{
    position: absolute;
    top: 129px;
    left: 588px;
    width: 612px;
    height: 161px;
}
.infor_bottom_right .infor_bottom_right_01{
    width: 612px;
    height: 161px;
    position: relative;
    overflow: hidden;
}
.infor_bottom_right_01 .infor_bottom_right_001{
    width: 612px;
    height: 161px;
    position: absolute;
    left: 0;
    /* top: 0; */
    transition: all 0.3s;
    left: 612px;
}

.infor_bottom_right .infor_bottom_right_1{
    font-weight: bold;
    line-height: 40px;
    font-size: 30px;
    color: rgb(0, 137, 226);
    font-family: "微软雅黑";
    text-align: left;
}
.infor_bottom_right .infor_bottom_right_2{
    font-family: "微软雅黑", "Microsoft YaHei";
    font-size: 14px;
    color: rgb(75, 75, 75);
    line-height: 25px;
    text-align: left;
    margin-top: 27px;
}
/* 展示信息-下部-左侧部分 */
.infor_bottom .infor_bottom_left{
    position: absolute;
    top: 45px;
    left: 0px;
    width: 480px;
    height: 617px;   
}
.infor_bottom_left .infor_bottom_left_01{
    width: 480px;
    overflow: hidden;
    height: 617px;
    position: relative;   
}
.infor_bottom_left_01 .infor_bottom_left_001{
    width: 480px;
    height: 617px;  
    position: absolute;
    /* top: 0; */
    left: 0; 
    transition: all 0.3s;
    left: 480px;
}
.infor_bottom_left .infor_bottom_left_form{
    width:480px ;
    height: 531px;
}
/* 产品名称 */
.infor_bottom_left .infor_left_showName{
    margin-bottom: 8px;
    width: 73px;
    text-align: left;
    font-weight: 700;
    font-size: 14px;
    color: rgb(102, 102, 102);
    font-family: "微软雅黑";
}
.infor_bottom_left .infor_left_showName_input{
    width: 480px;
    height: 40px;
    padding-bottom: 16px;
}
.infor_bottom_left .infor_left_input{
    width: 446px;
    height: 31px;
    border: 1px solid #dadada;
    line-height: 19px;
    font-size: 12px;
    float: left;
    border-radius: 2px;
    text-indent: 6px;
    font-family: "微软雅黑";
    color: rgb(102, 102, 102);

}
.infor_bottom_left .infor_left_showName_xing{
    font-family: "微软雅黑";
    
    float: left;
    vertical-align: middle;
    font-size: 14px;
    color: red;
    margin-left: 12px;
    line-height: 40px;
}
/* 其他备注 */
.infor_bottom_left textarea{
    border: 1px solid #dadada;
    line-height: 26px;
    width: 448px;
    height: 100px;
    border-radius: 2px;
    font-size: 12px;
    color: rgb(102, 102, 102);
    max-height: 200px;
    text-indent: 6px;
    resize: none;
}
/* 验证码 */
.infor_bottom_left .infor_left_showName_yan{
    width: 123px;
    height: 38px; 
    float: left;
    
}
.infor_left_showName_yan .infor_left_yan{
    width: 121px;
    height: 36px; 
    border: 1px solid #dadada;
    border-radius: 2px;
    text-indent: 6px;
}
.infor_left_yanzheng{
    margin-left: 10px;
    height: 40px;
    float: left;
    line-height: 40px;
    width: 145px;

}
.infor_left_yanzheng .yanzheng_img{
    width:69px ;
    height:24px ;
    border: 1px solid #dadada;
    margin-top:8px ;
    float: left;
    font-size:20px ;
    text-align: center;
    line-height: 24px;
    user-select:none;
    cursor: pointer;

}
.infor_left_yanzheng span{
    
    line-height: 40px;
    margin-left: 10px;
    cursor: pointer;
    font-size: 14px;
    color: rgb(102, 102, 102);
    font-family: "微软雅黑";
    float: left;
    user-select:none;
}

/* 提交按钮 */
.infor_bottom_left .infor_bottom_left_btn{  
    width: 500px;  
    height: 50px;
    margin-top: 25px;
}
.infor_bottom_left_btn .infor_left_btn{
    background-color: #5ab4ff;
    width: 168px;
    font: 14px "微软雅黑";
    height: 44px;
    line-height: 44px;
    float: left;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.infor_bottom_left_btn .infor_tishi{
    font-size:12px ;
    font-family:"微软雅黑" ;
    line-height: 44px;
    margin-left: 20px;
    color:red ;
    
    float:left ;
}

.tishi1{
    display: none;
}
.tishi2{
    display: none;
}
.tishi3{
    display: none;
}
.tishi4{
    display: none;
}


/* 遮罩层 */
.push{
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
    background-color: rgba(102, 102, 102,0.5);
    display: none;
    z-index: 20;
}
.push_1{
    position: absolute;
    top: 350px;
    left:500px;
    width: 300px;
    height: 250px;
    background-color: #fff;
    border-radius: 10px;
    cursor: move;


}
.push_cha{
    width: 30px;
    height: 30px;
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    cursor: pointer;
}
.push_img{
    width: 100px;
    height: 100px;
    margin-top: 60px;
    margin-left:90PX ;
    margin-bottom: 20PX;
    
}
.push_text{
    font-size: 16px;
    font-family: "微软雅黑";
    line-height: 30x;
    width: 80px;
    height: 30px;
    margin: auto;

}
/* 返回顶部 */
.return_top{
    right: 57px;
    bottom: 50px;
    opacity: 1;
    position: fixed;
    cursor: pointer;
    z-index: 20;
    width: 50px;
    height: 50px;
    transition: all .3s;
    background: url(../images/返回顶部图标.png) no-repeat center;
    display: block;
}